<%@ page contentType="text/html" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>&gt;&gt;&gt; ABC Commerce &lt;&lt;&lt;</title>
<link href="css/principal.css" rel="stylesheet" type="text/css" />
<link href="css/popup.css" rel="stylesheet" type="text/css" />
  <!--DWLayoutTable<script language="javascript" src="js/principal.js"></script>-->

<script src="http://jqueryjs.googlecode.com/files/jquery-1.2.6.min.js" type="text/javascript"></script>

<script type="text/javascript" src="js/jquery/jquery.transform.js"></script>
<script type="text/javascript" src="js/index_controller.js"></script>
<script type="text/javascript" src="js/index_model.js"></script>

<script type="text/javascript" src="js/mostrar_grafica_controller.js"></script> 

</head>
<body>
<form method="post" action="">
<table width="700" border="0" align="center" cellpadding="0" cellspacing="0">
  <!--DWLayoutTable-->
  <tr>
    <td height="41" colspan="2" valign="top"><img name="cabecera" src="img/cabecera.gif" width="520" height="41" border="0" id="cabecera" alt="" /></td>
    <td width="328" valign="top" bgcolor="#0066CC"><table width="187" border="0">
      <tr>
      
        <td width="100"><span class="Estilo3">Bienvenido</span></td>
        <td width="77" bgcolor="#FFFFFF"><div align="center"><a href="#">Cerrar Sesi&oacute;n </a></div></td>
      </tr>
      <tr>
        <td colspan="2"><span class="Estilo5">Ricardo Marcelo </span></td>
        </tr>
    </table></td>
  </tr>
  <tr>
    <td height="25" colspan="3" valign="middle"><table width="445" border="0" align="center">
      <tr>
        <td><div align="center"><a href="index.html">Inicio</a></div></td>
        <td><div align="center"><a href="#">Pedidos</a></div></td>
        <td><div align="center"><a href="#">Clientes</a></div></td>
        <td><div align="center"><a href="#">Cat&aacute;logo</a></div></td>
        <td><div align="center"><a href="#">Informes</a></div></td>
        <td><div align="center"><a href="#">Herramientas</a></div></td>
        </tr>
    </table></td>
  </tr>
  <tr>
    <td width="2" rowspan="2" valign="top" bgcolor="#66CCFF"><table width="150" border="0">
      <tr>
        <td height="20" bgcolor="#FFFFFF"><div align="center" class="Estilo2">Opciones</div></td>
      </tr>
      <tr>
        <td>  &nbsp;&nbsp;::&nbsp;<a href="categoria?accion=abrir_categoria">Categor&iacute;as</a></td>
      </tr>
      <tr>
        <td> &nbsp;&nbsp;:: <a href="#">Productos </a></td>
      </tr>
      
      
    </table></td>
    <td height="35" colspan="2" valign="middle"> &nbsp;<span class="Estilo1">&nbsp;&nbsp;Mantenimiento de  Productos</span></td>
  </tr>
  <tr>
    <td height="399" colspan="2" valign="top"><br />
      <table width="465" border="0" align="center">
      <tr>
        <td width="77" bgcolor="#66CCFF">&nbsp;&nbsp;Producto</td>
        <td width="266"><label>
          <input name="txtNombre" id="txtNombre" type="text" class="cuadro_texto" size="50" />
        </label></td>
        <td width="47"><input name="btnTraer" type="button" class="boton" id="btnTraer" value="Traer" /></td>
        <td width="57">
                <!-- <input name="btnMostrarGrafica" type="button" class="boton" id="btnMostrarGrafica" value="MostrarGrafica" /> --></td>
      </tr>
      <tr>
      	<td colspan="4">
      <div id="button"><input type="button" value="Mostrar Grafica" /></div>
      </td>
      </tr>
    </table>
      <br />
      <table width="468" border="0" align="center">
        <tr>
          <td width="59"><input name="btnEliminar" type="button" class="boton" id="btnEliminar" value="Eliminar" />            </td>
          <td width="98"><input name="btnNuevo" type="button" class="boton" id="btnNuevo" value="Nuevo Producto"  /></td>
          <td width="297">&nbsp;</td>
        </tr>
        <tr>
          <td height="5"></td>
          <td height="5"></td>
          <td height="5"></td>
        </tr>
      </table>
      <div id="resultado">

      
      </div>
<div id="popupContact">
		<a id="popupContactClose">x</a>
		<h1>Grafica</h1>

		<p id="contactArea">
			<br/><br/>
			Presione ESC o dele click en X para cerrar esta ventana!
			<br/><br/>
			<img src="producto?accion=traer_datos_grafica1" alt="Grafica"/></a>
		</p>
	</div>

	<div id="backgroundPopup"></div>

      
      <p>&nbsp;</p>
      <p>&nbsp;</p></td>
  </tr>
  <tr>
    <td height="1" width="2"></td>
    <td width="325"></td>
    <td width="328"></td>
  </tr>
</table>
</form>
</body>
</html>